<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数据可视化</title>
    <link rel="stylesheet" href="./css/reset.css">
    <style>

    </style>
</head>

<body>
    <script src="./js/flexible.js"></script>
    <script src="https://unpkg.com/webopenfather-date@1.0.1/dist/wofDate.js"></script>

    <div class="all">
        <div class="header">
            <span>数据可视化</span>
            <h5>xxx</h5>
        </div>
        <div class="content">
            <div class="left">
                <div class="left-top">
                    <div class="zs jj"></div>
                    <div class="zx jj"></div>
                    <div class="ys jj"></div>
                    <div class="yx jj"></div>
                    <div class="panel1"></div>
                    <!-- <div class="panel1"></div>
                    <div class="panel1"></div>
                    <div class="panel1"></div>
                    <div class="panel1"></div>
                    <div class="panel1"></div> -->
                </div>
                <!-- <div class="left-center">
                    <div class="zs jj"></div>
                    <div class="zx jj"></div>
                    <div class="ys jj"></div>
                    <div class="yx jj"></div>
                    <div class="left-center-content"></div>
                </div> -->
                <div class="left-botton">
                    <div class="zs jj"></div>
                    <div class="zx jj"></div>
                    <div class="ys jj"></div>
                    <div class="yx jj"></div>
                    <div class="left-botton-content nn1"></div>
                    <div class="left-botton-content nn2"></div>
                    <div class="left-botton-content nn3"></div>
                    <div class="left-botton-content nn4"></div>
                </div>
            </div>
            <div class="certer">
                <!-- <div class="zs jj"></div>
                <div class="zx jj"></div>
                <div class="ys jj"></div>
                <div class="yx jj"></div> -->
            </div>
            <div class="right">
                <div class="right-top">
                    <div class="zs jj"></div>
                    <div class="zx jj"></div>
                    <div class="ys jj"></div>
                    <div class="yx jj"></div>
                    <div class="right-top-content"></div>
                </div>
                <div class="right-botton">
                    <div class="zs jj"></div>
                    <div class="zx jj"></div>
                    <div class="ys jj"></div>
                    <div class="yx jj"></div>
                    <div class="right-botton-content"></div>
                </div>
            </div>
        </div>
    </div>

    <script>
        // console.log(wofDate.format('Y年m月d日 H时i分s秒'));
        setInterval(() => {
            document.querySelector('.header h5').innerHTML = wofDate.format('Y年m月d日 H时i分s秒')
        }, 1000)
    </script>

    <script src="./js/echarts.js"></script>
    <script src="./js/panel1.js"></script>
    <script src="./js/panel2.js"></script>
    <script src="./js/panel3.js"></script>
    <script src="./js/panel4.js"></script>
    <script src="./js/panel5.js"></script>
    <script src="./js/panel6.js"></script>
</body>

</html>